<template>
	<div class="doc_pc_components_ScrollArea_performance">
		<ScrollArea
			v-for="j in 200"
			:key="j"
			class="doc-ScrollArea"
		>
			<div class="doc-content">
				<div
					v-for="i in 30"
					v-once
					:key="i"
				>第{{i}}行,这是一段测试内容这是一段测试内容这是一段测试内容!......</div>
			</div>
		</ScrollArea>
	</div>
</template>

<script setup>
import {onMounted} from 'vue';
import {ScrollArea} from 'powerful-ui/pc-default';

console.time('耗时');
onMounted(() => {
	console.timeEnd('耗时');
});
</script>

<style lang="scss">
.doc_pc_components_ScrollArea_performance{
	.doc-ScrollArea{
		margin:20px;
		width:250px;
		height:260px;
	}
	.doc-content{
		white-space:nowrap;
	}
}
</style>